<div class="tabbed">
	<ul class="tabs">
		<li id="tab-other_profile_perfectopposites" class="tab active">Perfect Opposites</li>
		<li id="tab-other_profile_opposites" class="tab">Opposites</li>
	</ul>
	
	<div id="other_profile_perfectopposites" class="content">
		<ul class="small-people-list group">
		<?php foreach($profile_user->getPerfectOpposites(10) as $opposite):?>
		<?php /* @var $opposite Opposite */ ?>
			<li>
				<div class="avatar">
					<?php
						$className = $opposite->getShowProfile() == 1 ? 'class=profile profile-'.$opposite->getId() : '';
						echo image_tag($opposite->getThumbnailUrl(), 'alt='.$opposite->getName().' '.$className);
					?>
				</div>
				<div class="group">
					<span class="name">
						<strong><?php echo $opposite->getName()?></strong>
						<?php if($opposite->getCountry()):?> (<?php echo $opposite->getCountry()?>)<?php endif; ?>
					</span>
					<?php
						$percentage = $user->getOppositenessWith($opposite);
						$className  = Round(Round($percentage)/10) * 10;
					?>
					<span class="oppositeness-<?php echo $className?>"><?php echo Round($percentage) ?>%</span>
					<span class="respects">
						<?php echo $opposite->getNumRespects() ? $opposite->getNumRespects() : '0' ?> &times;
						<img src="http://<?php echo $basehost?>/images/gadget/respect-icon-wbg.gif" alt="Respect" />
					</span>
				</div>
			</li>
		<?php endforeach?>
		</ul>		
	</div>
	
    <div id="other_profile_opposites" class="content hide">
		<ul class="small-people-list group">
		<?php foreach($profile_user->getOpposites(10) as $opposite):?>
		<?php /* @var $opposite Opposite */ ?>
			<li>
				<div class="avatar">
					<?php
						$className = $opposite->getShowProfile() == 1 ? 'class=profile profile-'.$opposite->getId() : '';
						echo image_tag($opposite->getThumbnailUrl(), 'alt='.$opposite->getName().' '.$className);
					?>
				</div>
				<div class="group">
					<span class="name">
						<strong><?php echo $opposite->getName()?></strong>
						<?php if($opposite->getCountry()):?> (<?php echo $opposite->getCountry()?>)<?php endif; ?>
					</span>
					<?php
						$percentage = $user->getOppositenessWith($opposite);
						$className  = Round(Round($percentage)/10) * 10;
					?>
					<span class="oppositeness-<?php echo $className?>"><?php echo Round($percentage) ?>%</span>
					<span class="respects">
						<?php echo $opposite->getNumRespects() ? $opposite->getNumRespects() : '0' ?> &times;
						<img src="http://<?php echo $basehost?>/images/gadget/respect-icon-wbg.gif" alt="Respect" />
					</span>
				</div>
			</li>
		<?php endforeach?>
		</ul>		
	</div>	
</div>